<!DOCTYPE html>
<html>
<head>
	<style>
		.user-login, .user-register, .user-forgot, .user-reset{
			background-color: #f3f3f3;
		}
		.container {
			margin-right: auto;
			margin-left: auto;
			padding-left: 15px;
			padding-right: 15px
		}
		.container:before,.container:after {
			 content: " ";
			 display: table
		 }
		.container:after {
			  clear: both
		  }
			@media(min - width: 768px) {.container {
			width: 750px
		}
		}@media(min - width: 992px) {.container {
			width: 970px
		}
		}@media(min - width: 1200px) {.container {
			width: 1140px
		}
		}.container - fluid {
						  margin - right: auto;
						  margin - left: auto;
						  padding - left: 15px;
						  padding - right: 15px
					  }.container - fluid: before,
									.container - fluid: after {
													 content: " ";
													 display: table
												 }.container - fluid: after {
																   clear: both
															   }
	</style>

</head>

<body class="user-login">
<div class="container">
	<div class="header text-center">
		<h1>
			<a href="/" class="logo">
				<img src="https://static.segmentfault.com/v-5ae1a100/global/img/logo-b.svg" alt="SegmentFault">
			</a>
		</h1>
		<p class="description text-muted">欢迎来到专业的中文开发者社区</p>
	</div>
	<div class="panel panel-default center-block">
		<div class="panel-heading">
			<h3 class="panel-title">登录</h3>
		</div>
		<div class="panel-body sfModal-content">
			<div class="row bg-white login-modal">
				<div class="col-md-12 login-wrap">
					<form action="/api/user/login" method="POST" role="form" class="mt15">
						<div class="form-group hidden">
							<input type="text" class="form-control" name="remember" value="1" autocomplete="off">
						</div>
						<div class="form-group">
							<label for="username" class="control-label">手机号 或 Email</label>
							<input type="text" class="form-control" name="username" tabindex="1" required="" placeholder="11 位手机号 或 Email" autocomplete="off">
						</div>
						<div class="form-group">
							<label class="control-label">密码</label><span class="pull-right"><a href="/user/forgot" tabindex="4">忘记密码</a></span>
							<input type="password" class="form-control" name="password" tabindex="2" required="" placeholder="请输入密码">
						</div>
						<div class="form-group clearfix">
							<button type="submit" class="btn-block btn btn-primary pull-right pl20 pr20" tabindex="3" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;email login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;);">登录
							</button>
						</div>
					</form>
					<div class="text-muted text-center more-login-area">
						<span class="more-login-words">更多登录方式</span>
					</div>
					<div class="widget-login mb15 text-center">
						<a href="/user/oauth/google" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;google&quot;});"><span class="icon-sn-google"></span></a>
						<a href="/user/oauth/github" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;github&quot;});&quot;);"><span class="icon-sn-github"></span></a>
						<a href="/user/oauth/weibo" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;weibo&quot;});"><span class="icon-sn-weibo"></span></a>
						<a href="/user/oauth/qq" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;qq&quot;});"><span class="icon-sn-qq"></span></a>
						<a href="/user/oauth/weixin" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;qq&quot;});"><span class="icon-sn-weixin"></span></a>
						<a href="/user/oauth/linkedin" class="" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;linkedin&quot;});"><span class="icon-sn-linkedin"></span></a>
						<span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
						<a href="/user/oauth/twitter" class=" hidden" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;twitter&quot;});"><span class="icon-sn-twitter"></span></a>
						<a href="/user/oauth/facebook" class=" hidden" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;facebook&quot;});"><span class="icon-sn-facebook"></span></a>
						<a href="/user/oauth/douban" class=" hidden" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;3rd login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;, {media: &quot;douban&quot;});"><span class="icon-sn-douban"></span></a>
					</div>
					<div class="form-group clearfix">
						<a class="btn-block btn btn-default pull-right pl20 pr20
     " href="/user/register" onclick="ga(&quot;send&quot;, &quot;event&quot;, &quot;email login button&quot;, &quot;clicked&quot;, &quot;login modal&quot;);">
							注册新账号
						</a>
					</div>
					<p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p>        </div>
			</div>
		</div>
	</div>
</div>

</body>

</html>